<template>
  <div class="home">
    <!-- <RouterTitle>
      <el-button size="small" type="primary">库存修正</el-button>
    </RouterTitle> -->
    <BkBtn :btnConfig="btnConfig"/>
    <SearchForm
      v-model="ruleForm"
      :dataJ="dataJ"
      @search-form="searchForm" 
    />
    <BKTable
      :tableHead="tableJ"
      :tableData="tableData"
      :total="total"
      :page="page"
      @getList="getList"
    />
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      ruleForm: {
        balanceMonth: "",
        warehouseId: "",
        warehouseName: "",
      },
      tableData: [],
      total: 0,
      page: {
        pageNum: 1,
        pageSize: 10,
      },
    };
  },
  computed: {
    btnConfig() {
      return [{
        label: '库存修正',
        size: 'small',
        type: 'primary',
        plain: false,
        icon: 'el-icon-plus',
        Fn: this.FFF
      }]
    },
    dataJ() {
      return [
        {
          label: "仓库",
          type: "input",
          prop: "warehouseName",
          placeholder: "自动获取对账仓库",
          disabled: true,
        },
      ];
    },
    tableJ() {
      return [
        {
          prop: "materialName",
          label: "物资名称",
        },
        {
          prop: "materialSpce",
          label: "规格",
        },
        {
          prop: "materialUnit",
          label: "单位",
        },
        {
          prop: "totalCount",
          label: "库存数量",
        },
        {
          prop: "stockPrice",
          label: "入库价格",
        },
        {
          prop: "takeCount",
          label: "异常数量",
        },
        {
          prop: "inTime",
          label: "入库时间",
        },
        {
          prop: "supplyName",
          label: "供应商",
        },
      ];
    },
  },
  mounted() {},
  methods: {
    searchForm() {},
    getList() {},
    FFF() {
    }
  },
};
</script>

<style lang="less" scoped>
.btn-box{
  background-color: #fff;
}
</style>
